<template>
  <div class="container">
      <div class="header">
        <mt-header  title="个人中心"></mt-header>
        <div class="header-bottom">
          <mt-cell>
            <img slot="icon"  src="../../../static/1.jpg" width="50" height="50">
            <div class="value">123456789</div>
          </mt-cell>
        </div>
      </div>
      <div class="main">
        <div class="items-box">
          <div class="item">
            <mt-cell  @click.native="$router.push(item.path)" :title="item.title" v-for="(item,index) in cellList" :key="index">
                <i class="mint-cell-allow-right"> </i>
                <img slot="icon" :src="item.img">
            </mt-cell>
          </div>
        </div>
      </div>
      <div class="footer">
        <h3>Web应用软件开发平台V1.0</h3>
      </div>
  </div>
</template>

<script>
export default {
  data(){
    return {
      cellList:[
        {
          img:'../../../static/img/message.png',
          title:'订单历史',
          path:'/personal/history'
        },
        {
          img:'../../../static/img/2.png',
          title:'常用联系人',
          path:'/personal/concat'
        },
        {
          img:'../../../static/img/shop.png',
          title:'我的收藏',
          path:'/personal/collect'
        },
        {
          img:'../../../static/img/pinglun.png',
          title:'我的动态',
          path:'/personal/myDict'
        },
        {
          img:'../../../static/img/4.png',
          title:'会员设置',
          path:'/personal/setting'
        },
        {
          img:'../../../static/img/payment.png',
          title:'未支付订单',
          path:'/personal/payment'
        },
        {
          img:'../../../static/img/account.png',
          title:'电子钱包充值',
          path:'/personal/wallet'
        },
        {
          img:'../../../static/img/scan.png',
          title:'我的足迹',
          path:'/personal/footPrint'
        },
        {
          img:'../../../static/img/scan.png',
          title:'足迹图表',
          path:'/personal/echarts'
        },
        {
          img:'../../../static/img/out.png',
          title:'退出',
          path:'/'
        },
      
      ]
    }
  },
  methods:{
    target(path){
    
    }
  }
}
</script>

<style scoped>
.container{
  background: #e7e8e861;
  margin-bottom: 6vh;
}
.container >>> .mint-header{
  background: #717171;
  font-size: 20px;
}
.header-bottom{
  margin: 10px 0;
}
.header-bottom >>> .mint-cell-title{
  text-align: left;
}
.mint-cell-title img{
  border-radius: 50%;
}

.items-box>>> img{
  float: left;
  width: 1em;
  height: 1em;
}
.footer h3{
  padding-bottom: 20px;
}
</style>